<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的档案</title>
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" href="../bootstrap-3.3.4/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <style type="text/css">
        body {
            background: rgba(0, 0, 0, 0);
            color: #fff;
            margin-right: 15px;

        }

        select, select option {
            width: 100px;
            color: #000;
            border-radius: 2px;
        }

        .content-page2 {
            position: absolute;
            left: 40%;
            margin-left: -50px;
        }

        .content-page2 .btn-groups button {
            width: 100px;

        }

        .btn-groups {
            margin-left: 0;
        }

        th {
            background-color: #286090;
            border: none;
            color: white;
        }

    </style>
    <script type="text/javascript">
        $(function () {
            $("#btn-destory").click(function{
                alert(123);
                $("body").css({"background", "rgba(0,0,0,0)"});

            })
        })
    </script>
</head>
<body>
<div class="tab-content">
    <div class="col-md-12 tab-pane active" id="mineInfo1">
        <h2 class="text-center">我的档案</h2>
        <br>

        <form class="form-group">
            <%--  <ul class="list-inline">
                  <li><div class="select-box"><span>文档类型：</span>
                      <select>
                          <s:iterator value="amFileTypeArrayList" id="fie">
                              <option><s:property value="fileTypeName" /></option>
                          </s:iterator>
                      </select>
                  </div>
                  </li>
                  <li><div class="select-box"><span>归属部门：</span>
                     <select>
                         <s:iterator value="amDepartmentArrayList" id="dep">
                             <option><s:property value="departmentName" /></option>
                         </s:iterator>
                     </select>
                  </div>
                  </li>
              </ul>--%>
            <table class="table">
                <tr>
                    <th>档案编号</th>
                    <th>档案主题</th>
                    <th>档案类型</th>
                    <th>档案摘要</th>
                    <th>归属部门</th>
                    <th>状态</th>
                    <th>操作</th>

                </tr>
                <s:iterator value="amArchivesArrayList">

                    <tr>
                        <td><s:property value="archivesId"/></td>
                        <td><s:property value="archivesTitle"/></td>
                        <td><s:property value="archivesTypeId.getFileTypeName()"/></td>
                        <td><s:property value="archivesAbstract"/></td>
                        <td><s:property value="archivesDepartmentId.getDepartmentName()"/></td>
                        <s:if test="archivesStatus==0">
                            <td>无效</td>
                        <td> </td>
                        </s:if>
                        <s:else>
                            <td>有效</td>
                            <td>
                                <a href="apply.html">删除</a>
                                <a href="apply.html">修改</a>
                            </td>
                        </s:else>
                            <%-- <td><s:property value="arc=hivesStatus" /></td>--%>

                    </tr>
                </s:iterator>
            </table>
            <div class="button-group pull-right">
                <button class="btn btn-default">上一页</button>
                <span>1/10</span>
                <button class="btn btn-default">下一页</button>

            </div>
        </form>
    </div>
    <div class="tab-pane col-md-12" id="mineInfo2"><!-- 档案内容、概述根据数据库生成 -->
        <h2 class="text-center">档案内容</h2>

        <div class="content-page2">
            <div>档案内容：<span>12345678910</span></div>
            <div>
                <div>档案概述</div>
                <div style="width:400px;height:150px;color:#fff;margin-bottom:10px;background:none;padding:10px;">
                    Hello World!
                </div>
            </div>
            <div>
                <a href="#" download="文件下载.rar">文件下载.rar</a><br>
            </div>
            <div class="btn-groups">
                <button type="submit" class="btn btn-default" onclick="location='变更管理.html'">变更</button>
                <button type="button" class="btn btn-default" onclick="location='我的档案.html'">返回</button>
                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#mymodal"
                        id="btn-destory">销毁
                </button>
                <div class="modal" id="mymodal" style="color:#000;">
                    <div class="modal-dialog ">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal"><span
                                        aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                <h4 class="modal-title">确定销毁？</h4>
                            </div>
                            <div class="modal-body">
                                <p>销毁说明</p>
                                <textarea type="text" maxlength="200" class="form-control"
                                          placeholder="200字以内"></textarea>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <button type="button" class="btn btn-primary">确定</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
            </div>
            <!-- btn-groups -->
        </div>
        <!-- content-page2 -->
    </div>
</div>
<script src="../js/jquery-1.11.3.js"></script>
<script src="../bootstrap-3.3.4\dist\js\bootstrap.min.js"></script>
</body>
</html>